<!DOCTYPE html>
<!--引入thymeleaf规则-->
<html xmlns:th="http://www.thymeleaf.org"
      >
<head>
    <meta charset="UTF-8">
    <title>在线考试系统</title>
    <link type="text/css" rel="styleSheet"  th:href="@{../static/css/index.css}" />
    <script th:src="@{../static/js/index.js}"></script>
    <script th:src="@{../static/js/jquery-3.5.1.js}"></script>
    <!--配置图标-->
    <link rel="icon" th:href="@{../static/img/favicon.ico}" type="image/x-icon"/>
    <style>
        .ca{
            position: relative;
            top: 330px;
            left: -780px;
            letter-spacing: 10px;
            line-height: 35px;
        }
        .contentMap{
            position: relative;
            top: -70px;
        }
    </style>
</head>

<body>
<div class = "one">
    <p style="font-size:52px;color:green;letter-spacing:18px">在线考试系统</p>
</div>
<nav class="header">
    <ul class="header-tab" id="box">
        <li class="add2line">首页</li>
        <li>管理登录</li>
        <li>教师登录</li>
        <li>学生登录</li>
        <li>关于我们</li>
        <li>联系我们</li>
    </ul>
</nav>
<hr/>
<main class="wrapper">
    <div class="show content">
        <div class="introduce">
            <h3>欢迎使用在线考试系统</h3>
            <P>该考试系统第一版发布于2021年，设计目的之初，</p>
            <P>它为用户提供了良好的网络考试解决方案。</p>
            <p>它基于JAVA与MYSQL开发，可以稳定、</p>
            <p>顺畅的运行在Windows与Linux平台上。</p>
            <p>您可以通过该考试系统创建题库，发布试卷,</p>
            <p>组织考试，并由系统自动批改。</p>
            <p>高度的可配置性和灵活性使得它可以很轻松的完成考试任务。</P>
        </div>
        <div class="ca">
            <h3 class="guang">广告位招募</h3>
            <h3 class="call">联系：13698308654</h3>
        </div>
        <div class="contentMap">
            <iframe class="lun" th:src="@{/carouselMap}" scrolling="no" frameborder="0" ></iframe>
        </div>
    </div>
    <div class="content">
        <div class="bgi1" style="background-image:url('../static/img/admin_log_bg.jpeg');background-repeat:no-repeat;background-size:100% 100%">
            <div class="o1">
                <form method="post" th:action="@{/admin/main}">
                    <h3 class="admin">管理登录</h3><br/>
                    <div class = "adminname">
                        <img th:src="@{../static/img/username.png}" width="28px" height="28px">
                        <input type="text" name="admin_name" required= "required" placeholder="请输入用户名"><br/>
                    </div>
                    <div class="adminpwd">
                        <img th:src="@{../static/img/password.png}" width="28px" height="28px">
                        <input type="password" required= "required" name="admin_pwd" placeholder="请输入密码"><br/>
                        <!--/*@thymesVar id="message" type=""*/-->
                        <p th:text="${message}" th:if="${not #strings.isEmpty(message)}"></p>
                    </div>
                    <button class="but" type="submit">登录</button><br/>
                </form>
            </div>
        </div>
    </div>
    </div>
    <div class="content">
        <div class="bgi2" style="background-image:url('../static/img/teacher_log_bg.jpeg');background-repeat:no-repeat;background-size:100% 100%">
            <div class="o2">
                <form method="post" th:action="@{/teacher/main}">
                    <h3 class="teacher">教师登录</h3><br/>
                    <div class = "teacher_id">
                        <img th:src="@{../static/img/username.png}" width="28px" height="28px">
                        <input type="text" name="teacher_id" required= "required" placeholder="请输入教师ID"><br/>
                    </div>
                    <div class="teacher_pwd">
                        <img th:src="@{../static/img/password.png}" width="28px" height="28px">
                        <input type="password" name="teacher_pwd" required= "required" placeholder="请输入密码"><br/>
                        <p th:text="${teacher_message}" th:if="${not #strings.isEmpty(teacher_message)}"></p>
                    </div>
                    <button class="but" type="submit">登录</button><br/>
                </form>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="bgi3" style="background-image:url('../static/img/student_log_bg.jpg');background-repeat:no-repeat;background-size:100% 100%">
            <div class="o3">
                <form method="post" th:action="@{/student/main}">
                    <h3 class="admin">学生登录</h3><br/>
                    <div class = "student_id">
                        <img th:src="@{../static/img/username.png}" width="28px" height="28px">
                        <input type="text" name="student_id" required= "required" placeholder="请输入学号"><br/>
                    </div>
                    <div class="student_pwd">
                        <img th:src="@{../static/img/password.png}" width="28px" height="28px">
                        <input type="password" name="student_pwd" required= "required"  placeholder="请输入密码"><br/>
                        <p th:text="${student_message}" th:if="${not #strings.isEmpty(student_message)}"></p>
                    </div>
                    <button class="but" type="submit">登录</button><br/>
                </form>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="o4">
            <div class="o41">
                <P>在线考试系统的用户主要有管理员、教师和考生三种角色</p><br/>
                <P>依据角色不同，系统整体可分为三大模块。管理员拥有最</p><br/>
                <P>高权限，对教师考生的基本信息、题库信息、试巻基本信</p><br/>
                <P>息和试是题信息进行管理。教师模块可以对试巻、试题信</p><br/>
                <P>息管理以及修改其个人基本信息等功能。学生通过考试模</p><br/>
                <P>块可以参加考试、査看参考科目的成绩以及修改个人信息</p><br/>
                <P>等功能。</p><br/>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="o5">
            <div class="o51">
                <P>如果你在本系统的使用中遇到了问题，</p><br/>
                <P>请联系开发人员，为您及时解决问题。</p><br/>
                <P>王一辉 tel:13698398654</p><br/>

            </div>
        </div>
    </div>
</main>
</body>
</html>
